{% extends 'base/front_base.html' %}
{% block title %}课程详情 - 小饭桌{% endblock %}
{% block header %}
    <link rel="stylesheet" href="{% static 'css/course/course_detail.min.css' %}">
{% endblock %}
{% block footer %}

{% endblock %}
{% block main %}
    {% include 'common/course_nav.html' %}
    <!-- main  -->
    <div class="main">
        <!-- wrapper  -->
        <div class="wrapper">
            <div class="course-wrapper">
                <div class="course-title">选好合伙人是创业成功的第一步</div>
                <div class="video-watch"></div>
                <div class="buy-group">
                    <div class="buy-title">选好合伙人是创业成功的第一步</div>
                    <div class="buy-info">
                        <!--  <span class="price pay">￥(59)</span> -->
                        <span class="free">免费</span>
                        <button class="buy-btn">立即购买</button>
                    </div>
                </div>
            </div>
            <div class="bottom-wrapper">
                <div class="video-info">
                    <div class="item-group">
                        <div class="item-title">课程讲师</div>
                        <div class="teacher-group">
                            <div class="avatar">
                                <img src="https://static-image.xfz.cn/1534760067_945.png" alt="">
                            </div>
                            <div class="teacher-info">
                                <p class="name">高超</p>
                                <p class="desc">资深品牌公关</p>
                            </div>
                        </div>
                        <div class="item-content">
                            18年专注于品牌公关传播领域，是国内较早一批公关传播从业人员，曾供职于奥美、诺基亚、亚马逊、百事、戴尔、Uber等公司，亚马逊及Uber优步在中国的首任公关总监。
                        </div>
                    </div>
                    <div class="item-group">
                        <div class="item-title">课程简介</div>
                        <div class="item-content">
                            <ul style="list-style-type: disc;">
                                <li>危机公关的态度</li>
                                <li>案例分析：西门子冰箱</li>
                                <li>案例分析：三星手机爆炸门</li>
                                <li>案例分析：海底</li>
                            </ul>
                        </div>
                    </div>
                    <div class="item-group">
                        <div class="item-title">帮助中心</div>
                        <div class="item-content">
                            <ul style="list-style: decimal">
                                <li>购买后的课程在线可反复观看学习，视频有效期以具体课程信息为准。</li>
                                <li>课程暂不支持下载观看，均为在线观看视频。</li>
                                <li>课程一经购买，不可转让、不可退款；仅限购买账号观看。</li>
                                <li>如有问题请咨询客服饭桌君： 电话：18618172287 微信：fanzhuojun888</li>
                            </ul>
                        </div>
                    </div>
                    <div class="item-group">
                        <div class="item-title">关于小饭桌创业课堂在线课堂</div>
                        <div class="item-content">
                            小饭桌创业课堂在线课堂是小饭桌旗下的线上视频课程产品，汇聚顶级创业大咖导师、行业资深专家，致力于用系统、垂直的知识体系让创业者认知升级、技能进阶。小饭桌创业课堂在线课堂用知识陪伴创业者从平凡到卓越！
                        </div>
                    </div>
                </div>
                <div class="recommend-wrapper">
                    <h3 class="wrapper-title">推荐课堂</h3>
                    <ul class="course-ul">
                        <li>
                            <a href="#">
                                <div class="course-info">
                                    <div class="video-title">创业CEO如何避免技术决策错误</div>
                                    <div class="video-teacher">龚世海 /HiCTO创始人兼CEO</div>
                                </div>
                                <div class="course-thumbnail">
                                    <img src="https://static-image.xfz.cn/1563171621_723.png-course.list.small" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="course-info">
                                    <div class="video-title">创业CEO如何避免技术决策错误</div>
                                    <div class="video-teacher">龚世海 /HiCTO创始人兼CEO</div>
                                </div>
                                <div class="course-thumbnail">
                                    <img src="https://static-image.xfz.cn/1563171621_723.png-course.list.small" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="course-info">
                                    <div class="video-title">创业CEO如何避免技术决策错误</div>
                                    <div class="video-teacher">龚世海 /HiCTO创始人兼CEO</div>
                                </div>
                                <div class="course-thumbnail">
                                    <img src="https://static-image.xfz.cn/1563171621_723.png-course.list.small" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
{% endblock %}